<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" lang="en">
<head>
    <meta charset="UTF-8">
    <title>系统管理首页</title>
    <link th:href="@{/css/bootstrap-4.6.2-dist/css/bootstrap.min.css}" rel="stylesheet">
    <!-- Uncomment the line below if you have a custom CSS file -->
    <!-- <link rel="stylesheet" href="css/main.css"> -->
</head>
<body>
<div class="container">
    <!-- Header -->
    <div class="row text-center bg-dark text-light">
        <div class="col-2">
            <img src="/img/market.jpg" alt="Market Image" width="100%">
        </div>
        <div class="col-7">
            <h2>欢迎使用超市管理系统</h2>
        </div>
        <div class="col-2 user-info">
            <span>当前用户:</span>
            <span th:text="${username}"></span>
            <span><a href="/logout">退出</a></span>
        </div>
    </div>

    <!-- Main Content -->
    <div class="row" style="min-height: 400px;">
        <div class="col-2 bg-dark text-light">
            <ul class="list-unstyled navigation-menu">
                <li><a href="/main">管理系统首页</a></li>
                <li><a href="/api/goods">商品首页</a></li>
                <li><a href="/suppliers/suppliersList">管理供应商模块</a></li>
                <li><a href="/inventory/inventoryList">管理库存模块</a></li>
            </ul>

        </div>
        <div class="col-10 pt-2">
            <h3>欢迎来到lil的小小管理系统，点击右侧带你领略管理人的世界</h3>
        </div>

    </div>

    <!-- Footer -->
    <div class="row text-center bg-black footer">
        @2023-2025 版权所有，违法必究
    </div>
</div>
</body>
</html>

<script>
    function del(id){
        //     jquery的post方法ajax方法
        $.post("/api/goodsDelete",{"id":id},function(res){
            console.log(res)
        })
    }
</script>